<template>
	
	<view class="scencedetail">
		<!-- <uni-nav-bar color="#fff" @click-left="back()" fixed="true" backgroundColor='transparent' leftIcon="back">
		</uni-nav-bar -->
		<!-- <Header @back="back" left-icon="back" left-text="" right-text="" title="景区详情"></Header> -->
		<view class="content">
			<!-- 轮播图 -->
			<view class="swiper-contain">
				<view class="back">
					<text @click="back()" class="iconfont icon-left"></text>
				</view>
				<view style="width: 100%;height: 443upx;">
					<image style="width: 100%;height: 100%;" :src="getDetails.mainImage"></image>
				</view>
			</view> 
			<!-- 轮播图 end -->
			<!-- 介绍 -->
			<view class="scenic-introduce">
				<view class="title-line">
					<view class="name" style="line-height: 62upx;">{{getDetails.title}}</view>
				</view>
				<view class="h-c tips">
					<view class="tip-info" v-for="(item,index) in getDetails.featureTip" :key="index">
						<text>{{item}}</text>
					</view>
				</view>
				<view class="address-info">
					<view style="width: 80%;">
						<text>地址:{{getDetails.address}}</text>
					</view>
					<view style="color: #007AFF; width: 24%;text-align: right;" @click="goWay()">
						<text>地图
						<text class="iconfont icon-right"></text>
						</text>
					</view>
					
				</view>
				
				<!-- <view class="dividingLine"></view> -->
			</view>
			
			<!-- 介绍 end -->
			<!-- <view class="line8"></view> -->
			
			<view class="line20"></view>
		
			<!--富文本-->
			<view class="ImageText-detail">
				<view class="ImageText-detail-title">
					<text>详情介绍</text>
				</view>
				<view style="line-height: 100upx;">
					<u-parse :noData="getDetails.empty" :content = "getDetails.context"></u-parse>
				</view>
			</view>
			<view class="line20"></view>
			
			<view class="line-phone">
				<text>电话预定</text>
			</view>
		</view>
	</view>
</template>

<script>
	import Header from '@/components/header.vue'
	import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue"
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue"
	import uParse from "@/components/gaoyia-parse/parse.vue"

	// 	var _self,
	// 			page = 1,
	// 			timer = null;
	var innerAudioContext = uni.createInnerAudioContext();
	export default {
		data() {
			return {
				comments:[],
				total:0,
				indicatorColor: '#000',
				indicatorActiveColor: "#fff",
				indicatorDots: false,
				autoplay: true,
				interval: 5000,
				duration: 500,
				currentSwiper: 0,
				swiperList: [],
				tabVal: 0,
				getDetails: {},
				getTicket: [],
				queryList: [],
				searchList: [],
				scenic_spots_all: [],
				scenic_spots_all_clone: [],
				scenic_spots: [],
				comment_list:[],
				all_text: '点击显示全部',
				ischange: true,
				view_text: '显示全文',
				introduction: '',
				isfull: true,
				lineId: '',
				page: 1,
				tips: '正在加载...',
				isOnReachBottom: false,
				startPlay: true, // 控制播放,
				items: {},
				spotCity: ''
			}
		},
		components: {
			Header,
			uniLoadMore,
			uniNavBar,
			uParse
		},
		onLoad: function(option) {
			// if (option.userinfo) {
			// 	let userinfo = JSON.parse(decodeURIComponent(option.userinfo));
			// 	if (userinfo.appid) {
			// 		this.pub.setAppid(userinfo.appid)
			// 	}
			// 	if (userinfo.secret) {
			// 		this.pub.setSecret(userinfo.secret)
			// 	}
			// 	this.pub.getEncryptionOid(userinfo, function(res) {})
			// }
			// let param = {location:"兰州市",keyword:""};
			// console.log((JSON.stringify(param)));
			console.log("传过来的参数>>>>>>>>>>>>>>>>>>",option)
			this.lineId = option.id;
			// this.getCommentList();
		},
		onShow:function(){
		
			
		},
		onReachBottom: function() {
			this.page++
			if (this.isOnReachBottom) {
				this.updateTuijians(this.tabVal)
			}
		},
		mounted() {
			// this.getCommentList();
			this.getScenceDetails();
			// this.getSpotDetails()
			// this.getTicketBySpotId();
		},
		methods: {
			lookMoreComment(){
				uni.navigateTo({
					url: "/pages/comment/comment?title=" + this.getDetails.title + "&id=" + this.getDetails.id + "&falg=3",
					animationType: 'pop-in',
					animationDuration: 200
				});
			},
			updateTuijians: function(index) {
				switch (index) {
					case 0:
						this.searchSpotByC()
						break;
					case 1:
						this.searchApp()
						break;
					case 2:
						this.searchHotelByC()
						break;
				}
			},
			
		
			
			goWay() {
				var location = {
					latitude:this.getDetails.latitude,
					longitude:this.getDetails.longitude
				};
				console.log("经纬度---------->",location);
				uni.navigateTo({
					url:'../map/map?item=' + encodeURIComponent(JSON.stringify(location))
				})
				// uni.showToast({
				// 	title: '此功能暂未开通！',
				// 	icon: 'none',
				// 	duration: 2000
				// });
			},
			back() {
				uni.navigateBack({
					delta: 1
				});
			},
			onSwiperChange(e) {
				this.currentSwiper = e.detail.current
			},
			

			//获取详情
			getScenceDetails(){
				var that = this;
				var params = {
					id:this.lineId,
				}
				this.$postApi(this.$path.GET_NEW_DESTINATION_DETAIL,params).then(res => {
					console.log("集散地详情返回数据----------->",res.data);
					if(res.data.success){
						let item = res.data.data;
						this.spotCity = item.cityAddress;
						this.getTicket = item.tickets;
						item.mainImage = this.pub.delLastf(item.mainImage)
						if(item.featureTip){
							var temp = []
							item.featureTip.toString().split(";").forEach(tip => {
								if(tip !== ''){
									temp.push(tip)
								}
								
							})
							item.featureTip = temp
						}
						
						this.getDetails = item;
						console.log("this.getDetails---------------->",this.getDetails)
						uni.setNavigationBarTitle({
							title:this.getDetails.title
						})
					}
				})
			},
			
			showAll() {
				if (this.ischange) {
					this.scenic_spots = this.scenic_spots_all
					this.all_text = '点击收起'
					this.ischange = false
				} else {
					this.scenic_spots_all_clone = this.scenic_spots_all.slice();
					this.scenic_spots = this.scenic_spots_all_clone.splice(0, 4)
					this.all_text = '点击显示全部'
					this.ischange = true
				}
			},
			
		},
		
		watch: {}
	}
</script>

<style lang="scss" scoped>
	.scencedetail{
		min-height: 100%;
	}
	.tips{
		 			   // padding: 6upx;
					   margin-top: 18upx;
		 			   display: flex;
		 			   
	}
	.tip-info{
		 			   display: flex;
		 			   align-items: center;
		 			   height: 40upx;
		 			   color: #0092ff;
		 			   font-size: 26upx;
		 			   margin-right: 20upx;
		 			   border-radius: 8upx;
		 			   padding: 20upx 10upx;
		 			   border: 1upx solid #0092ff;
	}
	.address-info{
		font-size: 28upx;
		display: flex;
	}
	.line-phone{
		position: fixed;
		bottom: 0;
		left: 0;
		text-align: center;
		width: 100%;
		height: 108upx;
		color: #fff;
		background: #0092FF;
		font-family: PingFang-SC-Bold;
		font-size: 36upx;
		font-weight: normal;
		font-stretch: normal;
		letter-spacing: 5upx;
		line-height: 108upx;
	}
	.line1{
		width: 100%;
		height: 1px;
		background-color: #ebebeb;
	}
	.dividingLine{
		width: 100%;
		height: 2px;
		background-color: #f2f2f2;
		margin: 0 auto;
		margin-top: 20upx;
	}
	.line-trip{
		font-family: PingFang-SC-Medium;
			font-size: 28upx;
			font-weight: normal;
			font-stretch: normal;
			line-height: 56upx;
			// letter-spacing: -1px;
			color: #333333;
	}
	.flex-col{
		display: flex;
		flex-direction: column;
	}
	.flex-row{
		display: flex;
		flex-direction: row;
	}
	.headPortrait{
	  width:54upx;
	  height:54upx;
	  border-radius:50%;
	}
	.flex-space{
	  display: flex;
	  justify-content: space-between;
	}
	.lookMoreCommentKey{
	  color:#139aff;
	  font-size:30upx;
	  line-height:30upx;
	  margin-right:1upx;
	  letter-spacing: 3upx;
	  overflow: hidden;
	}
	.lookMoreCommentIco{
	  width:32upx;
	  height:32upx;
	  overflow: hidden;
	  position: relative;
	  top: 1upx;
	}
	.noComment{
		margin-bottom: 140upx;
	  box-sizing: border-box;
	  padding: 24upx;
	  width: 100%;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	}
	.noCommentImg{
	  width: 180upx;
	  height: 180upx;
	}
	.noCommentKey{
	  font-size: 30upx;
	  color: #bfbfbf;
	  letter-spacing: 4upx;
	}
	.scencedetail {
		background: #fcfcfc;
		font-size:32upx;
		.signtips {
			padding: 0 0 54upx;
		}

		.swiper-contain {
			position: relative;
			.iconbox{
				// position: fixed;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 9999;
				background: rgba(255,255,255,0.6);
				width: 50upx;
				height: 50upx;
			}
			.back{
				position: fixed;
				top:65upx;
				left: 25upx;
				border-radius: 50%;
				width: 60upx;
				height: 60upx;
				display: flex;
				justify-content: center;
				align-items: center;
				background: rgba(255,255,255,0.6);
				text{
					font-size: 45upx;
				}
				
				z-index: 20;
			}
		}

		swiper {
			min-height: 506upx;
		}

		.swiper-img {
			width: 100%;
			height: 100%;
		}
		.pic-tip{
			position:absolute;
			display: flex;
			width: 160upx;
			height: 40upx;
			right: 20upx;
			bottom: 50upx;
			border-radius: 18upx;
			flex-direction: row;
			justify-content: center;
			background: #000;
			opacity:0.7;
			z-index: 22;
			.pic{
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: center;
				font-size: 22upx;
				color: #fff;
				
				// width: 200upx;
				view{
					display: flex;
					justify-content: center;
					align-items: center;
					
				}
				.image{
					// margin: -2upx 4upx 0 3upx;
					// width: 30upx;
					// height: 30upx;
				}
			}
		}
		.dots {
			display: flex;
			position: absolute;
			width: 100%;
			justify-content: center;
			align-items: center;
			bottom: 64upx;
			// z-index: 100;

			.dot {
				width: 17upx;
				height: 17upx;
				border-radius: 50%;
				margin-left: 12upx;
				background: #D2D5DA;
				transition: all .3s;

				&.active {
					background: black;
				}
			}
		}

		// 介绍
		.scenic-introduce {
			border-radius: 20upx 20upx 0 0;
			padding: 50upx 25upx 0 25upx;
			background: #fcfcfc;
			position: relative;
			top: -10px;
			.title-line {
				display: flex;
				align-items: center;
				margin-bottom: 18upx;

				.name {
					font-family: PingFang-SC-Bold;
					font-size: 40upx;
					font-weight: 600;
					font-stretch: normal;
					// line-height: 56upx;
					// letter-spacing: -1px;
					color: #000000;
				}

				.lbbox {
					margin-left: 21upx;
					color: #FE5A34;
					display: flex;
					align-items: center;

					.lb-icon {
						width: 32upx;
						height: 29upx;
					}
				}
			}

			.sciene-con-box {
				position: relative;
				display: flex;
				justify-content: space-between;
				
				.sciene-con {
					// font-weight: 300;
					color: #4d4d4d;
					font-size:30upx;
					line-height: 44upx;
				}

				.c-btn {
					color: rgb(0,146,255);
					margin-left: 10upx;
					position: absolute;
					bottom: 0upx;
					right: 20upx;
				}
			}
		}
		//游客点评
		.traveller-info{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			padding: 40upx;
			.title{}
			.more{
				padding-top: 10upx;
				color: #333333;
				// display: flex;
				// flex-direction: column;
				// justify-content: flex-start;
			}
		}
		.no-travel{
			display: flex;
			justify-content: center;
			justify-items: center;
			padding-bottom: 40upx;
			.img{
				width: 500upx;
				height: 300upx;
				image{
					width: 100%;
					height: 100%;
				}
			}
		}
		//景区指南
		.scence-guide{
			display: flex;
			justify-content: space-between;
			width: 100%;
			// height: 400upx;
			padding:0 25upx 40upx 25upx;
			// background: #F5F5F5;
			position: relative;
			.guide-img{
				position: absolute;
				top: 0upx;
				left: 0;
				z-index: 11;
				// padding: 5upx;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				// text-align: center;
				width: 180upx;
				height: 55upx;
				color: #fff;
				font-size: 30upx;
				border-radius: 0 22upx 22upx 0;
				background:url(../../static/img/scence_guide.png) no-repeat center/cover;
			}
		}
		.left-all{
			width: 65%;
			font-family: PingFang-SC-Bold;
				font-size: 30upx;
				font-weight: normal;
				font-stretch: normal;
				// line-height: 47px;
				letter-spacing: 0upx;
				color: #1a1a1a;
			// align-items: center;
		}
		.time,.ticket,.tips,.bus{
			padding: 8upx;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			width: 100%;
			.left-time,.left-ticket,.left-tips,.left-bus{
				width: 25%;
				line-height: 36upx;
			}
			.right-time,.right-ticket,.right-tips,.right-bus{
				width: 75%;
				display: flex;
				line-height: 36upx;
				justify-content: center;
		
				text{
					
					overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;
				}
				text br{
					display: none;
					}
				flex-direction: column;
				
			}
		}
		.right-more{
			font-family: PingFang-SC-Medium;
			font-size: 30upx;
			font-weight: normal;
			letter-spacing: 0px;
			color: #4d4d4d;
		}
		.line20 {
			height: 20upx;
			background: #F5F5F5;
		}

		.line8 {
			height: 8upx;
			background: #F5F5F5;
		}
		.line4{
			height: 4upx;
			background: #F5F5F5;
		}
		// dizhi 
		.address-list{
			width: 100%;
			padding: 0 32upx 32upx 32upx;
				
		}
		.address {
			border-radius: 50upx;
			box-shadow: 2px 2px 2px #ddd;
			// width: 95%;
			// height: 50upx;
			padding: 24upx 16upx 24upx 16upx;
			// padding: 40upx;
			background: #fff;
			height: 96upx;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			.tip-img{
				// margin-left: 30upx;
				width: 100upx;
				height: 50upx;
				image{
					width: 100%;
					height: 100%;
				}
			}
			.address-del {
				font-size: 28upx;
				margin-left: 20upx;
				width: 90%;
				color: #212121;
			}

			.tip {
				// width: 122upx;
				// height: 44upx;
				// border: 1upx solid rgba(254, 90, 52, 1);
				// border-radius: 22upx;
				// color: #FE5A34;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 40upx;
				color: #0092ff;
				height: 25upx;
				image{
					width: 100%;
					height: 100%;
				}
				.a-jt {
					width: 22upx;
					height: 22upx;
				}
			}
		}

		// 景区须知
		.scenic-spots {
			padding: 40upx;

			.s-title {
				padding: 32upx 0;
				border-bottom: 1upx solid #F5F5F5;
				font-weight: bold;
			}

			.s-line {
				&.time {
					display: flex;
				}

				margin-top: 31upx;
			
				line-height: 44upx;

				.left-name {
					flex-shrink: 0;
					font-weight: 500;
					margin-right: 23upx;
					width: 180upx;
					display: inline-block;
				}

				.right-name {
					font-weight: 400;
					// flex: 1;
					display: initial;
				}

				.right-content {
					display: flex;
					flex-direction: column;
				}
			}

			.all-btn {
				color: #2B91E2;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 28upx;

				.xl {
					width: 14upx;
					height: 8upx;
					margin-left: 10upx;
				}
			}
		}

		// 门票须知
		.notes-booking {
			width: 100%;
			padding: 0 40upx;
			margin-top: 40upx;
			.tickets-head{
				display: flex;
				flex-direction: row;
				justify-content: center;
				
				.title{
					width: 70%;
					// background: url(../../static/img/ticket_title.png) no-repeat center;
					display: flex;
					justify-content: space-around;
					
					align-items: center;
					// width: 100upx;
					font-weight: bold;
				}
				.nav-bar{
					height: 1px;
				}
			}
			.notes-li {
				padding: 38upx 0 43upx;
				border-bottom: 1upx solid #eee;
				.notes-info{
		
					.second,.third{
						width: 100%;
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						justify-content: space-between;
						padding-top: 20upx;
					}
					.third{
						width: 102%;
					}
					.ticket-nodes{
						color: #333333;
						font-weight: 400;
					}
					.back-tips{
						width: 30%;
						color: rgb(102,102,102);
						font-size: 26upx;
					}
					.money{
						color: #ff4d1d;
						// font-size: 34upx;
						// width: 40%;
					}
					.notes-con-btn {
						width: 120upx;
						height: 58upx;
						background: linear-gradient(left,#fa643d,#ff504f);
						border-radius: 50upx;
						color: #fff;
						display: flex;
						align-items: center;
						justify-content: center;
						// margin-left: 20upx;
						// margin-top: 23upx;
					}
					
				}
			}
			
// 			.notes-con {
// 				display: flex;
// 				align-items: flex-end;
// 				justify-content: space-between;
// 				padding-right: 20upx;
// 				.notes-con-left {
// 					.back-tips{
// 						font-size: 25upx;
// 						color: #666666;
// 					}
// 					.right-icon {
// 						width: 13upx;
// 						height: 23upx;
// 						margin-left: 11upx;
// 					}
// 				}
// 
// 				.notes-con-right {
// 					color: #FE5A34;
// 
// 					.notes-con-btn {
// 						width: 106upx;
// 						height: 44upx;
// 						background: rgba(254, 90, 52, 1);
// 						border-radius: 22upx;
// 						color: #fff;
// 						display: flex;
// 						align-items: center;
// 						justify-content: center;
// 						margin-top: 23upx;
// 					}
// 				}
// 			}
		}

		// 景区相关攻略
		.strategy {
			.strategy-title {
				padding: 45upx 40upx;
				font-weight: 400;
			}

			.strategy-list-box {
				// margin:0 22upx 60upx 22upx;
			}

			.strategy-list {
				margin: 0 22upx 60upx 22upx;
				display: flex;
				overflow-x: scroll;
				width: 100%;
				padding: 20upx;
				box-sizing: border-box;

				.strategy-li {
					width: 600upx;
					flex-shrink: 0;
					box-sizing: border-box;
					padding: 32upx;
					margin-right: 20upx;
					background: rgba(255, 255, 255, 1);
					box-shadow: 0px 3upx 20upx 0upx rgba(61, 61, 61, 0.26);
					border-radius: 20upx;

					.strategy-li-1 {
						width: 110upx;
						height: 32upx;
						line-height: 32upx;
						color: #fff;
						background: url(../../static/img/label-bg.png) no-repeat center/cover;
					}

					.strategy-li-2 {
						margin: 21upx 0 38upx;
						font-weight: bold;
					}

					.strategy-li-3 {
						display: flex;

						.li-3-left {
							display: flex;
							flex-direction: column;
							justify-content: space-between;

							.li-3-left-bottom {
								.cityname {
									padding-right: 25upx;
									border-right: 1px solid #333333;
									margin-right: 25upx;
								}
							}
						}

						.li-3-right {
							margin-left: 36upx;

							.li-3-right-img {
								width: 176upx;
								height: 150upx;
							}
						}
					}
				}
			}
		}
		//评论
		.travller-list{
			padding: 0 20upx;
			display: flex;
			flex-direction: row;
			font-size: 28upx;
			
			.list-left{
				width: 15%;
				text-align: center;
				display: flex;
				flex-direction: row;
				justify-content: center;
				// align-items: center;
				.icon{
					width: 80upx;
					height: 80upx;
					border-radius: 100upx;
					image{
						border-radius: 100upx;
						width: 100%;
						height: 100%;
					}
				}
			}
			.list-right{
				// padding-left: 20upx;
				width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				border-bottom: 1upx solid #eee;
				padding:0 20upx 30upx 20upx;
			}
			
		}
		// 周边推荐
		.periphery {
			// padding: 0 0upx 54upx;

			.periphery-title {
				padding: 45upx 40upx;
				font-weight: bold;
			}

			.tab-wrapper {
				padding: 0 40upx;
				padding-bottom: 30upx;
				font-size: 26upx;
				display: flex;
				flex-direction: row;
				// justify-content: cente;
				.tab {
					// width: 100upx;
					padding-bottom: 12upx;
					border-bottom: 4upx solid transparent;
					margin-right: 43upx;

					&.active {
						color: #2B91E2;
						border-bottom-color: #2B91E2;
					}
				}
			}

			.goods-list {
				width: 100%;
				padding: 0 40upx;
				// height: 800upx;
				// display: flex;
				// flex-direction: row;
				// flex-wrap: nowrap;
				box-sizing: border-box;
				white-space: nowrap;
				width: 100%;
				.goods-li {
					// float: left;
					text-align: center;
					box-sizing: border-box;
					padding-right: 18upx;
					// margin-bottom: 47upx;
					width: 40%;
					
					&:nth-child(2n) {
						margin-right: 0upx;
					}

					.img_1 {
						
						// width: 100%;
						// height: 100%;
						// width: 237upx;
						height: 200upx;
					}

					.goods-name {
						text-align: center;
						// align-content: center;
						// font-weight: bold;
						// padding: 22upx 0;
						
					}

					.label-box {
						display: flex;
						flex-wrap: nowrap;
						width: 100%;
						box-sizing: border-box;
						
						.label {
							padding: 6upx 11upx;
							color: #FFB415;
							font-size: 20upx;
							width: 100upx;
							border: 1upx solid rgba(255, 180, 21, 1);
							border-radius: 4upx;
							margin-right: 14upx;
							margin-bottom: 14upx;
						}
					}
				}
			}
		}
	}
	.linerodaDetail{
		padding-bottom: 50upx;
		.linerodaDetail-title{
			padding: 40upx 0 0 24upx;
			font-family: PingFang-SC-Bold;
			font-size: 44upx;
			font-weight: bold;
			font-stretch: normal;
			letter-spacing: 2upx;
			color: #000000;
		}
		.linerodaDetail-title-tetx{
			padding: 37upx 0 34upx 24upx;
			display: flex;
			.linerodaDetail-text{
				font-family: PingFang-SC-Medium;
				font-size: 30upx;
				font-weight: normal;
				font-stretch: normal;
				letter-spacing: 0upx;
				color: #808080;
			}
		}
		
	}
	.linerodaDetail-detail{
		padding: 28upx 57upx 37upx 94upx;
		background-color: #f7f7f7;
		line-height: 60upx;
		.linerodaDetail-detail-text{
			font-family: PingFang-SC-Medium;
			font-size: 30upx;
			font-weight: normal;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #1a1a1a;
		}
	}
	
	.ImageText-detail{
		padding: 0 25upx;
		.ImageText-detail-title{
			padding: 40upx 0 37upx 0;
			font-family: PingFang-SC-Bold;
			font-size: 44upx;
			font-weight: bold;
			font-stretch: normal;
			letter-spacing: 2upx;
			color: #000000;
		}
	}
	
	.noticetoVisitors{
		.ImageText-detail-title{
			padding: 40upx 0 9upx 0;
			font-family: PingFang-SC-Bold;
			font-size: 44upx;
			font-weight: bold;
			font-stretch: normal;
			letter-spacing: 2upx;
			color: #000000;
		}
		padding: 0 25upx;
		.noticetoVisitors-detail-title{
			margin: 26upx 0 26upx 0;
			font-family: PingFang-SC-Bold;
			font-size: 32upx;
			font-weight: bold;
			font-stretch: normal;
			letter-spacing: 0upx;
			color: #1a1a1a;
		}
		.noticetoVisitors-detail-text{
			margin-bottom: 30upx;
			font-family: PingFang-SC-Regular;
			font-size: 28upx;
			font-weight: normal;
			font-stretch: normal;
			// line-height: 9upx;
			letter-spacing: 1upx;
			color: #444444;
		}
		.noticetoVisitors-detail-content{
			// display: flex;
			// flex-direction: column;
			
		}
	}
	
</style>